<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>持家有道网上超市</title>
<meta name="keywords" content="持家有道网上超市">
<meta name="description" content="持家有道网上超市">
<link rel="stylesheet" type="text/css" href="css/basic.min.css">
<link rel="stylesheet" type="text/css" href="css/qingfeng.css">
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script>
    $(function(){
        $('#category_box').show();

        // 品牌hover
        $(document).on('mouseenter', '.logosMain .logosBg', function() {
            $(this).addClass('logoshover').siblings().removeClass('logoshover');
        })

		/**橱窗tab切换**/
        $(document).on('mouseenter', '.GoodsList-Tabs ul li', function() {
            var num=$(this).index();
           $(this).addClass("tab-on").siblings().removeClass("tab-on");
           $(this).parents(".hd").siblings(".bd").hide();
           $(this).parents(".hd").siblings(".bd").eq(num).show();
        })
    });
</script>
</head>

<body>

<% include partial/header %>

<!--content start--->
<div id="content">
  <div class="with-bg">
    <div class="wrap">
      <div class="index-top" style="widht:1190px; margin:0 auto">
        <div class="index-top-m flt">
          <div class="banner">
            <div style="background:url(images/loader.gif) no-repeat center;">
              <div class="ex-slide1-box" style="width:800px;height:327px;">
                <div id="ex_slide_591" class="ex-slide1" style="">
                  <ol class="switchable-content clearfix">
                    <!-- <li class="switchable-panel" style=""> <a href="#" title="夏日防晒护肤" target="_blank"> <img width="800px" height="327px" alt="夏日防晒护肤" src="img/gg1.jpg"> </a> </li>
                    <li class="switchable-panel" style=""> <a href="#" title="拖鞋" target="_blank"> <img width="800px" height="327px" alt="拖鞋" src="img/gg2.jpg"> </a> </li>
                    <li class="switchable-panel" style=""> <a href="#" title="雪糕季" target="_blank"> <img  width="800px" height="327px" alt="雪糕季" src="img/gg3.jpg"> </a> </li>
                    <li class="switchable-panel" style=""> <a href="#" title="萌货特价场" target="_blank"> <img width="800px" height="327px" alt="萌货特价场" src="img/gg4.jpg"> </a> </li>
                    <li class="switchable-panel" style=""> <a href="#" title="大牌调味" target="_blank"> <img width="800px" height="327px" alt="大牌调味" src="img/gg5.jpg"> </a> </li>
                    <li class="switchable-panel" style=""> <a href="#" title="远梦家纺" target="_blank"> <img width="800px" height="327px" alt="远梦家纺" src="img/gg6.jpg"> </a> </li>
                    <li class="switchable-panel" style=""> <a href="#" title="鮀城通团购" target="_blank"> <img width="800px" height="327px" alt="鮀城通团购" src="img/gg7.jpg"> </a> </li> -->
                  </ol>
                  <div ></div>
                  <ul class="switchable-triggerBox slide-trigger slide-trigger" id="pager_591">

                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="limit-buy">
            <!-- <a href="#" target="_blank" class="hd"><img src="img/dc.jpg" alt="" width="299" height="149" style="cursor: pointer; cursor: hand;" ></a>
            <div class="bd">
              <ul class="clearfix">
                <li class="l1">
                  <div class="goodpic" style="width:120px;height:120px;overflow:hidden;background-color:#FFF;margin:0 auto;"><a target="_blank" href="#"><img src="img/d1.jpg" alt="八记 潮汕八珍粽子-双拼70g×8只/袋" width="120" height="120"></a> </div>
                  <div class="info">
                    <h6><a target="_blank" href="#">八记 潮汕八珍粽子-双拼70g...</a></h6>
                    <p> <span class="price1">¥17.9</span> <span class="mktprice1">¥19.0</span> </p>
                  </div>
                </li>
                <li class="wide-column"></li>
                <li class="l2">
                  <div class="goodpic" style="width:120px;height:120px;overflow:hidden;background-color:#FFF;margin:0 auto;"><a target="_blank" href="#"><img src="img/d2.jpg" alt="飘柔 家庭护理洗发露400ml-兰花长效清爽去屑" width="120" height="120"></a> </div>
                  <div class="info">
                    <h6><a target="_blank" href="#">飘柔 家庭护理洗发露400ml-兰...</a></h6>
                    <p> <span class="price1">¥13.5</span> <span class="mktprice1">¥18.6</span> </p>
                  </div>
                </li>
                <li class="l3">
                  <div class="goodpic" style="width:120px;height:120px;overflow:hidden;background-color:#FFF;margin:0 auto;"><a target="_blank" href="#"><img src="img/d3.jpg" alt="六神 驱蚊花露水195ml" width="120" height="120"></a> </div>
                  <div class="info">
                    <h6><a target="_blank" href="#">六神 驱蚊花露水195ml</a></h6>
                    <p> <span class="price1">¥11.5</span> <span class="mktprice1">¥13.3</span> </p>
                  </div>
                </li>
                <li class="l4 wide-column">
                  <div class="goodpic" style="width:120px;height:120px;overflow:hidden;background-color:#FFF;margin:0 auto;"><a target="_blank" href="#"><img src="img/d4.jpg" alt="总统牌 淡奶油/稀奶油1L（法国进口）" width="120" height="120"></a> </div>
                  <div class="info">
                    <h6><a target="_blank" href="#">总统牌 淡奶油/稀奶油1L（法...</a></h6>
                    <p> <span class="price1">¥37.5</span> <span class="mktprice1">¥42.0</span> </p>
                  </div>
                </li>
                <li class="l5">
                  <div class="goodpic" style="width:120px;height:120px;overflow:hidden;background-color:#FFF;margin:0 auto;"><a target="_blank" href="#"><img src="img/d5.jpg" alt="美汁源 酷儿果奶草莓味190g×12盒/提" width="120" height="120"></a> </div>
                  <div class="info">
                    <h6><a target="_blank" href="#">美汁源 酷儿果奶草莓味190g...</a></h6>
                    <p> <span class="price1">¥35.8</span> <span class="mktprice1">¥41.0</span> </p>
                  </div>
                </li>
              </ul>
            </div> -->
          </div>
        </div>
        <div class="index-top-s frt">
          <div class="serve" style="  border-top: 6px solid #FF4D5B;">
            <ul class="clearfix">
              <li class="item1" style="*height:auto;overflow:hidden;border-right: 0px;border-bottom: 0px solid #CCC;box-shadow: 0 0 0 #CCCCCC;">
                <div class="shopTips">
                  <ul>

                  </ul>
                </div>
              </li>
            </ul>
          </div>
          <div id="obanner">
            <div class="article-list" style="height: auto;padding-bottom: 16px;">
              <h3>公告</h3>
              <div class="body">
                <ul>
                  <!-- <li><a title="订单免费配送优惠变动公告" href="#" target="_blank">订单免费配送优惠变动公告</a></li>
                  <li><a title="元宵年货大清仓" href="#" target="_blank">元宵年货大清仓</a></li>
                  <li><a title="关注广东电网微信号送30元红包" href="#" target="_blank">关注广东电网微信号送30元红包</a></li> -->
                </ul>
              </div>
            </div>
            <div style="background:url(images/loader.gif) no-repeat center;">
              <div class="ex-slide1-box" style="width:198px;height:298px;">
                <div id="ex_slide_3123" class="ex-slide1" style="position: relative;">
                  <ol class="switchable-content clearfix">
                    <!-- <li class="switchable-panel" style="float: left;"> <a href="#" title="黑人" target="_blank"> <img width="198px" height="298px" alt="黑人" src="img/hg1.jpg"> </a> </li>
                    <li class="switchable-panel" style="float: left;"> <a href="#" title="味事达" target="_blank"> <img  width="198px" height="298px" alt="味事达" src="img/hg2.jpg"> </a> </li>
                    <li class="switchable-panel" style="float: left;"> <a href="#" title="雷达" target="_blank"> <img width="198px" height="298px" alt="雷达" src="img/hg3.jpg"> </a> </li>
                    <li class="switchable-panel" style="float: left;"> <a href="#" title="扇牌" target="_blank"> <img  width="198px" height="298px" alt="扇牌" src="img/hg4.jpg"> </a> </li>
                    <li class="switchable-panel" style="float: left;"> <a href="#" title="格兰仕" target="_blank"> <img width="198px" height="298px" alt="格兰仕" src="img/hg5.jpg"> </a> </li> -->
                  </ol>
                  <ul class="switchable-triggerBox slide-trigger slide-trigger" id="pager_3123">

                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div style="margin:10px auto 5px; width:1190px;" class="saleAd"> </div>
  <div class="wrap">
    <div class="fav-goods">
      <div class="favgoods Auto_Widget" id="fav-goods-597">
        <div class="hd clearfix">
          <h3 class="flt">猜你喜欢</h3>
          <a class="next flt" href="javascript:void(0);" data-role="changeAll">换一批</a></div>
        <div class="bd switchable-content" data-role="guessyoulike-main">
          <ul class="clearfix" style="opacity: 1; position: absolute; z-index: 9;">

          </ul>
        </div>
      </div>
    </div>
    <div class="ad-show">
      <div class="qf_ad">
        <!-- <div class="AdvBanner lazypic-init" style="margin-bottom:0px;"> <a href="#" title="进口食品" target="_blank"><img width="397" height="180" alt="进口食品" class="lazy" src="img/add1.png" style="display: block;"></a> </div>
        <div class="AdvBanner lazypic-init" style="margin-bottom:0px;"> <a href="#" title="新鲜水果" target="_blank"><img width="396" height="180" alt="新鲜水果" class="lazy" src="img/add2.png" style="display: block;"></a> </div>
        <div class="AdvBanner last lazypic-init" style="margin-bottom:0px;"> <a href="#" title="百草味" target="_blank"><img width="397" height="180" alt="百草味" class="lazy" src="img/add3.png" style="display: block;"></a> </div> -->
      </div>
    </div>
    <div style="margin:10px auto 5px; width:1190px;" class="guessyoulikeAd"> </div>

    <!------橱窗end--------->
    <div class="floor floor-1 tab1">
      <div class="hd clearfix">
        <h3 class="flt">1F <a href="#" target="_blank">食品饮料</a></h3>
      </div>
      <div class="bd clearfix">
        <div class="floor-l flt">
          <div class="qf_ad">
            <div class="AdvBanner lazypic-init" data-role="AdvBanner-1f" style="width:190px;height:400px;"></div>
          </div>
        </div>
        <div class="floor-c flt">
          <div class="qf_ad" data-role="images-1f">
          </div>
          <div class="qfgoods">
            <ul class="clearfix" data-role="goods-1f">
            </ul>
          </div>
        </div>
        <div class="floor-r flt" data-role="hotBrands-1f">
          <div class="floor-top">
            <div class="logosContent">
              <div class="logoTitle">热卖品牌</div>
              <div class="logosMain">
              </div>
            </div>
          </div>
          <div class="floor-bottom"></div>
        </div>
      </div>
      <div class="fd clearfix">
        <div class="grid-l flt" data-role="goodsCats-1f">
        </div>

        <div class="grid-r frt" data-role="hotweek-1f">
          <div class="hd clearfix">
            <h3 class="flt">本周热销排行榜</h3>
            <div class="GoodsList-Tabs frt">
              <ul>
              </ul>
            </div>
          </div>
      </div>
    </div>
    <!------橱窗end--------->
    <!------橱窗2 同上--------->
    <div class="floor tab2">
      <div class="hd clearfix">
        <h3 class="flt">2F <a href="#" target="_blank">厨房食品</a></h3>
      </div>
      <div class="bd clearfix">
        <div class="floor-l flt">
          <div class="qf_ad">
            <div class="AdvBanner lazypic-init" data-role="AdvBanner-2f" style="width:190px;height:400px;"></div>
          </div>
        </div>
        <div class="floor-c flt">
          <div class="qf_ad" data-role="images-2f">
          </div>
          <div class="qfgoods">
            <ul class="clearfix" data-role="goods-2f">
            </ul>
          </div>
        </div>
        <div class="floor-r flt" data-role="hotBrands-2f">
          <div class="floor-top">
            <div class="logosContent">
              <div class="logoTitle">热卖品牌</div>
              <div class="logosMain">
              </div>
            </div>
          </div>
          <div class="floor-bottom"></div>
        </div>
      </div>
      <div class="fd clearfix">
        <div class="grid-l flt" data-role="goodsCats-2f">
        </div>

        <div class="grid-r frt" data-role="hotweek-2f">
          <div class="hd clearfix">
            <h3 class="flt">本周热销排行榜</h3>
            <div class="GoodsList-Tabs frt">
              <ul>
              </ul>
            </div>
          </div>
      </div>
    </div>

    <!------橱窗3 同上--------->
    <div class="floor tab3">
      <div class="hd clearfix">
        <h3 class="flt">3F <a href="#" target="_blank">护理美妆</a></h3>
      </div>
      <div class="bd clearfix">
        <div class="floor-l flt">
          <div class="qf_ad">
            <div class="AdvBanner lazypic-init" data-role="AdvBanner-3f" style="width:190px;height:400px;"></div>
          </div>
        </div>
        <div class="floor-c flt">
          <div class="qf_ad" data-role="images-3f">
          </div>
          <div class="qfgoods">
            <ul class="clearfix" data-role="goods-3f">
            </ul>
          </div>
        </div>
        <div class="floor-r flt" data-role="hotBrands-3f">
          <div class="floor-top">
            <div class="logosContent">
              <div class="logoTitle">热卖品牌</div>
              <div class="logosMain">
              </div>
            </div>
          </div>
          <div class="floor-bottom"></div>
        </div>
      </div>
      <div class="fd clearfix">
        <div class="grid-l flt" data-role="goodsCats-3f">
        </div>

        <div class="grid-r frt" data-role="hotweek-3f">
          <div class="hd clearfix">
            <h3 class="flt">本周热销排行榜</h3>
            <div class="GoodsList-Tabs frt">
              <ul>
              </ul>
            </div>
          </div>
      </div>
    </div>
    <!------橱窗4 同上--------->
    <div class="floor tab4">
      <div class="hd clearfix">
        <h3 class="flt">4F <a href="#" target="_blank">生活家居</a></h3>
      </div>
      <div class="bd clearfix">
        <div class="floor-l flt">
          <div class="qf_ad">
            <div class="AdvBanner lazypic-init" data-role="AdvBanner-4f" style="width:190px;height:400px;"></div>
          </div>
        </div>
        <div class="floor-c flt">
          <div class="qf_ad" data-role="images-4f">
          </div>
          <div class="qfgoods">
            <ul class="clearfix" data-role="goods-4f">
            </ul>
          </div>
        </div>
        <div class="floor-r flt" data-role="hotBrands-4f">
          <div class="floor-top">
            <div class="logosContent">
              <div class="logoTitle">热卖品牌</div>
              <div class="logosMain">
              </div>
            </div>
          </div>
          <div class="floor-bottom"></div>
        </div>
      </div>
      <div class="fd clearfix">
        <div class="grid-l flt" data-role="goodsCats-4f">
        </div>

        <div class="grid-r frt" data-role="hotweek-4f">
          <div class="hd clearfix">
            <h3 class="flt">本周热销排行榜</h3>
            <div class="GoodsList-Tabs frt">
              <ul>
              </ul>
            </div>
          </div>
      </div>
    </div>
    <!------橱窗5 同上--------->
    <div class="floor tab5">
      <div class="hd clearfix">
        <h3 class="flt">5F <a href="#" target="_blank">母婴玩具</a></h3>
      </div>
      <div class="bd clearfix">
        <div class="floor-l flt">
          <div class="qf_ad">
            <div class="AdvBanner lazypic-init" data-role="AdvBanner-5f" style="width:190px;height:400px;"></div>
          </div>
        </div>
        <div class="floor-c flt">
          <div class="qf_ad" data-role="images-5f">
          </div>
          <div class="qfgoods">
            <ul class="clearfix" data-role="goods-5f">
            </ul>
          </div>
        </div>
        <div class="floor-r flt" data-role="hotBrands-5f">
          <div class="floor-top">
            <div class="logosContent">
              <div class="logoTitle">热卖品牌</div>
              <div class="logosMain">
              </div>
            </div>
          </div>
          <div class="floor-bottom"></div>
        </div>
      </div>
      <div class="fd clearfix">
        <div class="grid-l flt" data-role="goodsCats-5f">
        </div>

        <div class="grid-r frt" data-role="hotweek-5f">
          <div class="hd clearfix">
            <h3 class="flt">本周热销排行榜</h3>
            <div class="GoodsList-Tabs frt">
              <ul>
              </ul>
            </div>
          </div>
      </div>
    </div>

    <!------橱窗6--------->
    <div class="floor floor-4 clearfix">
      <div class="hd clearfix">
        <h3 class="flt">6F <a href="#" target="_blank">家电数码</a>/<a href="#" target="_blank">文体用品</a></h3>
      </div>
      <div class="bd clearfix">
        <div class="column column1 flt">
          <div class="column-l flt" data-role="adleft-6f" style="width:190px;height:400px;"></div>
          <div class="column-r flt">
            <div class="qfgoods">
              <ul class="clearfix" data-role="listleft-6f">

              </ul>
            </div>
          </div>
        </div>
        <div class="column column2 flt">
          <div class="column-l flt" data-role="adright-6f" style="width:190px;height:400px;"></div>
          <div class="column-r flt">
            <div class="qfgoods">
              <ul class="clearfix" data-role="listright-6f">
              </ul>
            </div>
          </div>
        </div>

      </div>
    </div>
    <!------橱窗6 end--------->

  </div>
</div>
<!--content end-->

<% include partial/footer %>
<script type="text/javascript" src="./js/overlay.js"></script>
<script type="text/javascript" src="./js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="./js/common.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
</body>
</html>
